<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>账户注册页面</title>
    <!--    引入公共样式-->
    <th:block th:insert="~{front/include::head}"></th:block>
</head>
<body>
<header th:replace="~{front/include2::header}"></header>
<main class="main">
    <div class="page-header breadcrumb-wrap">
        <div class="container">
            <div class="breadcrumb">
                <a th:href="@{/vm/front/index}" rel="nofollow">主页</a>
                <span></span> 注册
            </div>
        </div>
    </div>
    <section class="pt-150 pb-150">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 m-auto">
                    <div class="row">
                        <div class="col-lg-6 mx-auto">
                            <div class="login_wrap widget-taber-content p-30 background-white border-radius-5">
                                <div class="padding_eight_all bg-white">
                                    <div class="heading_s1">
                                        <h3 class="mb-30">创建账户</h3>
                                    </div>
                                    <form id="register-form" class="layui-form" lay-filter="register-form">
                                        <div class="form-group">
                                            <input type="text" autocomplete="off" lay-verify="required" lay-reqtext="账号不可为空"
                                                   name="account" placeholder="账号">
                                        </div>
                                        <div class="form-group">
                                            <input type="password" autocomplete="off" lay-verify="required" lay-reqtext="密码不可为空"
                                                   name="password" placeholder="密码">
                                        </div>
                                        <div class="form-group">
                                            <input type="password" autocomplete="off" lay-verify="password2" lay-reqtext="确认密码不正确"
                                                   name="password2" placeholder="确认密码">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" autocomplete="off" lay-verify="phone" lay-reqtext="手机号格式不正确"
                                                   name="phone" placeholder="手机号">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" autocomplete="off" lay-verify="email" lay-reqtext="邮箱格式不正确"
                                                   name="email" placeholder="邮箱">
                                        </div>

                                        <div class="login_footer form-group">
                                            <div class="chek-form">
                                                <div class="custome-checkbox">
                                                    <input class="form-check-input" type="checkbox" name="checkbox"
                                                           id="exampleCheckbox12" value=""><span>我接受隐私政策</span>
                                                </div>
                                            </div>
                                            <a th:href="@{/vm/front/privacy-policy}"><i
                                                    class="fi-rs-book-alt mr-5 text-muted"></i>了解更多</a>
                                        </div>
                                        <div class="form-group">
                                            <button id="register-btn" type="button"
                                                    class="btn btn-fill-out btn-block hover-up">注册
                                            </button>
                                            <button id="to-login-btn" type="button" style="margin-left: 160px"
                                                    class="btn btn-fill-out btn-block hover-up">返回登录
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
<footer th:replace="~{front/include::footer}"></footer>

<div th:insert="~{front/include::scripts}"></div>
<script th:src="@{/assets/front/js/login-register.js}"></script>
</body>

</html>